<template>
  <div>
    <div class="waifu" id="waifu">
      <div class="waifu-tips" style="opacity: 1;" ref="tips"></div>
      <canvas id="live2d" width="260" height="230" class="live2d"></canvas>
      <!-- <div class="waifu-tool">
        <span class="fui-home iconfont icon-shouye"></span>
        <span class="fui-chat iconfont icon-xiaoxi"></span>
        <span class="fui-eye iconfont icon-huanren"></span>
        <span class="fui-user iconfont icon-huanzhuang"></span>
        <span class="fui-photo iconfont icon-paizhao"></span>
        <span class="fui-cross iconfont icon-tuichu"></span>
      </div> -->
    </div>
  </div>
</template>

<script>
import Live2D from '../assets/cute/live2d.min.js'
export default {
  name: 'Cute',
  props: {},
  mounted() {
    initModel()
  },
}
</script>

<style lang="scss" scoped>
@import url('../assets/cute/flat-ui.min.css');
@import url('../assets/cute/waifu.css');
@import url('//at.alicdn.com/t/font_1632209_1yqc4g8fwo8.css');
</style>
